<template>
    <svg
        :class="['icon', name]"
        :width="width"
        :height="height"
        :style="{fill, ...style}"
        t="1725720216227"
        viewBox="0 0 1024 1024"
        version="1.1"
        xmlns="http://www.w3.org/2000/svg"
    ></svg>
</template>

<script setup lang="ts">
const {name, width, height, fill, style} = defineProps({
    name: String,
    width: {type: Number, default: 18},
    height: {type: Number, default: 18},
    fill: {type: String, default: "#b3b3b3"},
    style: {type: Object, default: () => ({})},
});
</script>

<style scoped lang="less">
.icon {
    display: flex;
    justify-content: center;
    align-items: center;
}
</style>
